<template>
  <div class="laucher">
    <div style="display:flex;flex-wrap:wrap">
      <template v-for="(item) in apps">
        <LauchItem :key="item.appId" :app="item" :title="item.title" />
      </template>
    </div>
  </div>
</template>

<script>
import LauchItem from './LauchItem.vue'
import { mapState } from 'vuex'
export default {
  components: { LauchItem },
  computed: {
    ...mapState(['apps'])
  },
  data() {

    return {}

  },
  methods: {

  }
}
</script>

<style lang="less" scoped>
.laucher {
  max-height: calc(100vh - 67px);
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
  padding-left: 150px;
  padding-right: 150px;
  justify-content: center;
}
</style>
